'use strict';

import React from 'react';
import Radium from 'radium';

@Radium
class LoginPic extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div style={{ 'position': 'absolute', 'width': '100%', 'height': '100%', 'overflow': 'hidden' }}>
        <img style={{ height: '100%' }} src="https://lightbi-resource.oss-cn-qingdao.aliyuncs.com/img/cover.jpg" data-src="https://lightbi-resource.oss-cn-qingdao.aliyuncs.com/img/cover.jpg" data-src-retina="https://lightbi-resource.oss-cn-qingdao.aliyuncs.com/img/cover.jpg" alt="" className="lazy" />
        <div style={{ width: '500px', marginBottom: '20px', paddingLeft: '20px', position: 'absolute', bottom: '0px', color: '#fff', '@media screen and (max-width: 767px)': { position: 'relative' } }}>
          <h2 style={{ color: '#fff', fontWeight: '400' }}>
            码一一让工作更简单，高效
          </h2>
        </div>
      </div>
    );
  }
}

module.exports=LoginPic;
